/***************************模态框***************************/

.modal {
	display: none;
	position: absolute;
	z-index: 1001;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 400px;
	color: #1A1A1A;
	font-family: -apple-system, BlinkMacSystemFont, Neue Haas Grotesk Text Pro, Arial Nova, Tahoma, Segoe UI, Helvetica Neue, \.PingFang SC, PingFang SC, Microsoft YaHei, Microsoft JhengHei, Source Han Sans SC, Noto Sans CJK SC, Source Han Sans CN, Noto Sans SC, Source Han Sans TC, Noto Sans CJK TC, Hiragino Sans GB, sans-serif;
	background: #FFFFFF;
	/*若模态框出现模糊，设置一个偶数高度来解决：*/
	/*height:200px;*/
}


/*模态框头部*/

.modal .modal-header {
	height: 54px;
	line-height: 54px;
	border-bottom: 1px solid #D5D5D5;
}

.modal .title {
	float: left;
}

.modal .title>* {
	float: left;
}


/*模态框头部标题图标*/

.modal .title .iconfont {
	font-size: 18px;
	margin-left: 20px;
}


/*模态框头部标题文本*/

.modal .title .title-text {
	font-size: 16px;
	margin-left: 10px;
}


/*模态框关闭按钮*/

.modal .close {
	cursor: pointer;
	float: right;
	width: 54px;
	font-size: 18px;
	text-align: center;
}

.modal .close:hover {
	background-color: #e9705f;
	color: #FFFFFF;
}


/*模态框内容部分*/

.modal .modal-body {
	padding: 30px 20px;
}


/*遮罩层*/

.modal-mask {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1A1A1A;
	opacity: 0.6;
}